<template>
  <view class="cooperation-containter">
    <view class="cooperation-content">
      <u-image
        width="100%"
        height="500rpx"
        src="../../static/business_cop.png"
      ></u-image>
      <u-form :model="form" ref="uForm" label-width="140">
        <u-cell-group :border="false">
          <u-cell-item
            title="邮箱"
            :value="'点击复制(' + bdMail + ')'"
            @click="onCopy"
            :arrow="false"
          ></u-cell-item>
        </u-cell-group>

        <!-- <view class="banner-text"
          >请留下你的联系方式，后续会有商务人员与你联系。</view
        > -->
        <!-- <view class="padding-left-right">
          <u-form-item label="电话"
            ><u-input
              v-model="form.phone"
              placeholder="请输入联系电话"
              input-align="right"
          /></u-form-item>
        </view>
        <view class="padding-left-right">
          <u-form-item
            ><u-input
              v-model="form.name"
              type="textarea"
              placeholder="请输入你的合作意向"
          /></u-form-item>
        </view> -->
      </u-form>
    </view>
    <!-- <u-button @click="submit" :custom-style="customStyle">提交</u-button> -->
  </view>
</template>

<script>
import { mapState } from "vuex";
export default {
  data() {
    return {
      customStyle: {
        color: "white",
        margin: "100rpx 80rpx",
        borderRadius: "8rpx",
        backgroundColor: "rgb(36,64,247)",
      },
      src: "",
      form: {},
      email: "",
    };
  },
  computed: {
    ...mapState("Public", ["bdMail"]),
  },
  methods: {
    submit() {},
    onCopy() {
      uni.setClipboardData({
        data: this.bdMail,
        success: function () {
          uni.showToast({
            title: "复制成功！",
          });
        },
      });
    },
  },
};
</script>

<style scoped>
.cooperation-containter > .cooperation-content {
  background-color: white;
}

.padding-left-right {
  padding: 0 30rpx;
}
.email-text {
  width: 100%;
  text-align: right;
}

.banner-text {
  text-align: center;
  width: 100%;
  height: 70rpx;
  line-height: 70rpx;
  background-color: rgb(238, 240, 251);
}
</style>
